<div id="modalAddEvent" class="modal hide fade">
    <div class="modal-header">
        <a href="#" class="close">&times;</a>
        <h3>{{dict('addNewEventCaption')}}</h3>
    </div>
        
    <form id="formAddNewEvent" name="formAddNewEvent" method="post">
        
    <div class="modal-body">
        
        <div id="formAddNewEventErrors"></div>
        
        <div class="row" style="margin-left: 50px">
            <div class="span8">
                    <fieldset>
                        <div class="clearfix">
                            <label for="name">{{dict('name')|capitalize}}</label>
                            <div class="input">
                                <input class="span3" id="name" name="name" type="text" maxlength="64" data-validate="validate(required, alphanum_extra, rangelength(4, 64))" />
                            </div>
                        </div>
                        <div class="clearfix">
                            <label for="type">{{dict('type')|capitalize}}</label>
                            <div class="input">
                                <select id="type" name="type" class="span3">
                                    {% for eventTypeKey,eventTypeVal in eventTypes %}
                                        <option value="{{eventTypeKey}}">{{ dict(eventTypeVal)|capitalize }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                        <div class="clearfix">
                            <label for="timeStart">{{dict('timeStart')|capitalize}}</label>
                            <div class="input">
                                <input class="span3" id="timeStart" name="timeStart" type="text" data-validate="validate(required)" />
                            </div>
                        </div>
                        <div class="clearfix">
                            <label for="timeEnd">{{dict('timeEnd')|capitalize}}</label>
                            <div class="input">
                                <input class="span3" id="timeEnd" name="timeEnd" type="text" data-validate="validate(required)" />
                            </div>
                        </div>
                    </fieldset>
            </div>
        </div>
    </div>
        
    <div class="modal-footer">
        <button type="submit" class="btn primary">{{dict('save')|capitalize}}</button>
    </div>
        
    </form>
</div>